<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta name="renderer" content="webkit" />
		<title>机构管理</title>
		<!--[if lt IE 9]>
			<meta http-equiv="refresh" content="0;ie.html" />
		<![endif]-->
		<link href="../css/bootstrap.min.css" rel="stylesheet" />
		<link href="../iconfont/iconfont.css" rel="stylesheet" />
		<link href="../js/layui/css/layui.css" rel="stylesheet" type="text/css">
		<link href="../css/style.css" rel="stylesheet" />
		<link href="../css/cross.css" rel="stylesheet" />
		<link href="../css/change.css" rel="stylesheet" />
	</head>

	<body class="gray-bg body-con">
		<div class="wrapper wrapper-content animated fadeInRight">
			<div class="table-btn mb-25">
				<a class="btn-blue" href="javascript:;" id="add"><i class="iconfont icon-tianjia"></i>添加帐号</a>
			</div>
			<div class="audit-top">
				<span>城市</span>
				<span class="input-select">
					<input type="text" value="" placeholder="全部" disabled=""/>
					<i class="iconfont icon-xiangxia"></i>
					<ul class="select-ul c-hide">
						<li class="curr">城市1</li>
						<li>城市2</li>
						<li>城市3</li>
						<li>城市4</li>
					</ul>
				</span>
				<span class="ml-20">医疗机构</span>
				<span class="input-select">
					<input type="text" value="" placeholder="全部" disabled=""/>
					<i class="iconfont icon-xiangxia"></i>
					<ul class="select-ul c-hide">
						<li class="curr">医疗机构1</li>
						<li>医疗机构2</li>
						<li>医疗机构3</li>
						<li>医疗机构4</li>
					</ul>
				</span>
				<span class="ml-20">申请时间</span>
				<span class="input-select" >
					<input type="text" id="dateTime"/>
					<i class="iconfont icon-xiangxia"></i>
				</span>
				<a class="search-btn ml-20" href="" class="search-btn">查询</a>
			</div>
			<div class="table-con mh-con-264 mt-20">
				<table class="table">
				    <thead>
				        <tr>
				            <th>医院 / 机构</th>
				            <th class="mw-170">帐号 / 手机号</th>
				            <th class="mw-170">姓名</th>
				            <th class="mw-170">申请时间</th>
				            <th class="mw-170">评审专家</th>
				            <th class="mw-220">操作</th>
				        </tr>
				    </thead>
				    <tbody class="tbale-h">
				        <tr>
				            <td><div title="福建医科大学附属协和医院"><img src="../images/doc-logo.png">福建医科大学附属协和医院</div></td>
				            <td class="mw-170">137 9999 6666</td>
				            <td class="mw-170">王志刚</td>
				            <td class="mw-170">2021-11-02 09:30</td>
				            <td class="mw-170">陈莎莎</td>
				            <td class="mw-220"><a href="javascript:;" class="c-btn btn-blue mr-10">通过</a><a href="javascript:;" class="c-btn btn-gray">不通过</a></td>
				        </tr>
				        <tr>
				            <td><div title="福建医科大学附属协和医院"><img src="../images/doc-logo.png">福建医科大学附属协和医院</div></td>
				            <td class="mw-170">137 9999 6666</td>
				            <td class="mw-170">王志刚</td>
				            <td class="mw-170">2021-11-02 09:30</td>
				            <td class="mw-170">陈莎莎</td>
				            <td class="mw-220"><a href="javascript:;" class="c-btn btn-blue mr-10">通过</a><a href="javascript:;" class="c-btn btn-gray">不通过</a></td>
				        </tr>
				        <tr>
				            <td><div title="福建医科大学附属协和医院"><img src="../images/doc-logo.png">福建医科大学附属协和医院</div></td>
				            <td class="mw-170">137 9999 6666</td>
				            <td class="mw-170">王志刚</td>
				            <td class="mw-170">2021-11-02 09:30</td>
				            <td class="mw-170">陈莎莎</td>
				            <td class="mw-220"><a href="javascript:;" class="c-btn btn-gray" id="set">设置</a></td>
				        </tr>
				    </tbody>
				</table>
				
				<ul class="pagination pagination-lg">
					<li><a href="javascript:;"><i class="iconfont icon-xiangzuo"></i></a></li>
					<li class="curr"><a href="javascript:;">1</a></li>
					<li><a href="javascript:;">2</a></li>
					<li><a href="javascript:;">3</a></li>
					<li><a href="javascript:;">4</a></li>
					<li><a href="javascript:;">5</a></li>
					<li><a href="javascript:;">6</a></li>
					<li><a href="javascript:;">7</a></li>
					<li class="lue"><a href="">...</a></li>
					<li><a href="javascript:;">10</a></li>
					<li><a href="javascript:;"><i class="iconfont icon-xiangyou"></i></a></li>
				</ul>
			</div>
			<!-- 添加账号 -->
			<div class="mask c-hide" id="account_mask">
				<div class="msg-mask">
					<h5>添加账号<i class="iconfont icon-guanbi" id="close"></i></h5>
					<div class="mask-account">
						<div>
							<span class="mask-account-tit">添加角色</span>
							<span class="input-select">
								<input type="text" value="" placeholder="请选择管理员" disabled=""/>
								<i class="iconfont icon-xiangxia"></i>
								<ul class="select-ul c-hide">
									<li class="curr">管理员1</li>
									<li>管理员2</li>
									<li>管理员3</li>
									<li>管理员4</li>
								</ul>
							</span>
						</div>
						<div>
							<span class="mask-account-tit">医疗机构</span>
							<span class="input-select">
								<input type="text" value="" placeholder="请选择医疗机构" disabled=""/>
								<i class="iconfont icon-xiangxia"></i>
								<ul class="select-ul c-hide">
									<li class="curr">医疗机构1</li>
									<li>医疗机构2</li>
									<li>医疗机构3</li>
									<li>医疗机构4</li>
								</ul>
							</span>
						</div>
						<div>
							<span class="mask-account-tit">姓名</span>
							<span class="input-select">
								<input type="text" placeholder="请输入姓名（选填）"/>
							</span>
						</div>
						<div>
							<span class="mask-account-tit">手机号</span>
							<span class="input-select">
								<input type="number" placeholder="手机号将作为登录帐号"/>
							</span>
						</div>
						<p class="psw-p">帐号创建成功后初始密码为 admin666888</p>
					</div>
					<div class="mask-org-btn">
						<a class="btn-bg-gray m-r" href="javascript:;" id="cancel">取消</a>
						<a class="btn-bg-blue" href="javascript:;" id="sure">创建角色</a>
					</div>
				</div>
			</div>
			
			<div class="mask c-hide" id="remove">
				<!-- 移除账号 -->
				<div class="msg-mask c-hide w-320" id="account_masks">
					<i class="iconfont icon-guanbi" id="closes"></i>
					<div class="hos-info clearfix">
						<img class="doc-info-logo" src="../images/doc-logo.png" >
						<div class="">
							<p class="index-hos-tit">福建医科大学附属第一医院</p>
							<p class="index-admin">陈芬芬</p>
							<p>137 9999 5886</p>
						</div>
					</div>
					<div class="remove-account">
						<a href="javascript:;" id="open_tip"><i class="iconfont icon-yichu"></i>移除帐号</a>
					</div>
				</div>
				<!-- 温馨提示 -->
				<div class="msg-mask c-hide w-400" id="tip">
					<h5>温馨提示<i class="iconfont icon-guanbi" id="close_tip"></i></h5>
					<p class="tip-p"><i class="iconfont icon-tishi"></i>移除后将会导致该机构无法正常操作</p>
					<div class="mask-btn">
						<a class="c-btn btn-bg-gray m-r" href="javascript:;" id="tip_cancel">取消</a>
						<a class="c-btn btn-bg-blue" href="javascript:;">确定</a>
					</div>
				</div>
			</div>
		</div>
		<!-- 全局js -->
		<script src="../js/jquery.min.js?v=2.1.4"></script>
		<script src="../js/bootstrap.min.js?v=3.3.7"></script>
		<script src="../js/layui/layui.js"></script>
		<!-- 自定义js -->
		<script src="../js/content.js"></script>
	</body>
	<script type="text/javascript">
		$(function() {
			// 日期选择
			 layui.use('laydate', function(){
			   var laydate = layui.laydate;
			   
			   //执行一个laydate实例
			   laydate.render({
				 elem: '#dateTime', //指定元素
				 range: '至'
			   });
			 });
			
			
			// 选择机构
			$('.input-select').on('click', function() {
				$(this).children('.select-ul').removeClass('c-hide')
			})
			$('.select-ul li').on('click', function(e) {
				e.stopPropagation()
				$(this).addClass('curr').siblings().removeClass('curr')
				$(this).parent().parent().children('input').val($(this).text())
				$('.select-ul').addClass('c-hide')
			})
			// 添加账号
			$('#add').on('click', function() {
				$('#account_mask').removeClass('c-hide')
			})
			// 关闭个人账号
			$('#close,#cancel').on('click', function() {
				$('#account_mask').addClass('c-hide')
			})
			
			$('.mask-account .input-select').on('click', function(){
				$(this).children('input').focus()
			})
			// 设置账号
			$('#set').on('click', function() {
				$('#account_masks,#remove').removeClass('c-hide')
			})
			// 关闭移除账号
			$('#closes,#close_tip,#tip_cancel').on('click', function() {
				$('#account_masks,#remove,#tip').addClass('c-hide')
			})
			// 移除账号
			$('#open_tip').on('click', function() {
				$('#account_masks,#tip').removeClass('c-hide')
			})
		})
	</script>
</html>
